SARAH HOPKINS (ARTIST)

在英國,有位版畫藝術家名叫 Sarah Hopkins,她透過個人網站展示作品、介紹背景,同時希望能吸引畫廊或藏家聯絡合作。她的作品還被納入了英國學校的藝術課程,所以網站的一部分訪問者其實是14到16歲的學生群體。

然而,雖然這個網站上線了整整三年,頁面華麗,內容不少,卻始終沒有帶來一條有效的潛在客戶聯絡。設計上看似沒問題,使用者滿意度卻只有44%,這顯然是個嚴重的警訊。

問題出在哪兒?

設計團隊開始做系統分析,也進行了使用者滿意度調查。他們很快發現,網站雖然資訊豐富,但實際體驗很糟。原始頁面佈局非常“老派”:寬寬的頁面上有個巨大、空曠的頂部橫幅,只放了個裝飾性的圖案,佔了大半屏。選單專案之間空得離譜,不僅浪費空間,也讓人找不到重點。而正文區更是用了兩個權重相同的文字框——搞得像左右兩邊在打架,使用者都不知道該先看哪裡。

更糟的是,導航選單採用了細小字型、淺色背景、不同區域風格不統一。點進二級頁面後,橫向子選單也沒好到哪去:看起來平平淡淡,用起來還得來回挪動滑鼠,找個連結都費勁。

於是,設計團隊決定“砍掉重練”。

他們把原本空蕩蕩的頭圖替換成了一個具有 Sarah 個人風格的簡單圖案,保留了藝術氣質但不再佔據太多空間。選單也做了大刀闊斧的修改:改成了左對齊的緊湊式導航欄,所有連結集中在使用者第一眼能看到的區域,不僅減少了滑鼠移動路徑,也強化了頁面引導。

視覺層級也被重新組織。過去那兩個搶戲的正文文字框被合併成了一個主文字區塊,不僅更容易理解,也對閱讀輔助工具更友好。

選單部分從“淺色小字+背景分割槽”變成了深色大字+統一白底,一目瞭然。還新增了 breadcrumb 麵包屑導航條,讓使用者知道自己在哪、接下來能去哪。整個資訊架構不再有冗餘的表格邊框、花裡胡哨的段落塊,一切變得輕量、聚焦、清爽。

結果立竿見影。

新版本上線後,團隊請58位訪客參與滿意度打分,結果從之前的44%,提升到了78%的正面評分,提升幅度達到 77%。更驚喜的是:Sarah 的網站終於開始收到畫廊和買家的聯絡請求了——從三年掛零到幾個月就開始轉化,這種“從0到1”的增長意義非凡。

還有一個變化也不容忽視:使用者在首頁直接跳出的比例下降了 50%,說明新選單和結構讓使用者更願意點下去,停留更久。

最終,這次重構不僅提升了滿意度,也真正實現了 Sarah 的初衷:讓自己的作品被看見、被喜歡、並有可能變成一次真正的合作機會。